<!--
  Generated template for the PersonalPage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-header>

  <ion-grid>
    <ion-row>
      <ion-col col-lg-3>
        <ion-icon class="icon01" name="arrow-back" (click)="back()"></ion-icon>
      </ion-col>
      <ion-col col-lg-3>
        <ion-label>个人中心</ion-label>
      </ion-col>
      <ion-col col-lg-3>
        <ion-icon  class="icon02" name="settings" (click)="toSetting()"></ion-icon>
      </ion-col>
    </ion-row>
  </ion-grid>
</ion-header>

<ion-content padding>
  <ion-list class="mine-header">
    <button ion-item (click)="edit()">
      <ion-thumbnail item-left (click)="viewAvatar();$event.stopPropagation()">
        <ion-avatar item-start>
          <img src="http://owhah4u2f.bkt.clouddn.com/images/user/{{user?.userId}}.jpg"/>
        </ion-avatar>
      </ion-thumbnail>
      <div>{{userInfo?.userName}}</div>
      <div class="description">{{userInfo?.personInfo}}</div>
    </button>
  </ion-list>

  <!--卡片1，业主选项——————————————————-->
  <ion-card>
    <ion-card-header>
      我的
    </ion-card-header>
    <ion-card-content>
      <ion-grid>
        <ion-row>
          <ion-col col-xl-3 ><img class="logo01" (click)="ownerHouses()" src="../../assets/images/myhouse.png"/></ion-col>
          <ion-col col-xl-3><img class="logo02" (click)="ownerToAgree()" src="../../assets/images/bespoke.png"/></ion-col>
          <ion-col col-xl-3><img class="logo03" (click)="ownerAgreed()" src="../../assets/images/iAgree.png"/></ion-col>
          <ion-col col-xl-3><img class="logo04" (click)="ownerDone()" src="../../assets/images/deal.png"/></ion-col>
        </ion-row>
        <ion-row>
          <ion-col col-xl-3><span>我的房源</span></ion-col>
          <ion-col col-xl-3><span>被预约的房源</span></ion-col>
          <ion-col col-xl-3><span>同意的申请</span></ion-col>
          <ion-col col-xl-3><span>完成的看房</span></ion-col>
        </ion-row>
      </ion-grid>
    </ion-card-content>
  </ion-card>
  <!--卡片2，对房源的操作————————————————————————————————————-->
  <ion-card>
    <ion-card-header>
      房源操作
    </ion-card-header>
    <ion-card-content>
      <ion-grid>
        <ion-row>
          <ion-col col-xl-3><img class="logo05" (click)="userFocus()"src="../../assets/images/care.png"/></ion-col>
          <ion-col col-xl-3><img class="logo06" (click)="userToagree()"src="../../assets/images/apply.png"/></ion-col>
          <ion-col col-xl-3><img class="logo07" (click)="userAgreed()"src="../../assets/images/accepted.png"/></ion-col>
          <ion-col col-xl-3><img class="logo08" (click)="userDone()"src="../../assets/images/completedOrder.png"/></ion-col>
        </ion-row>
        <ion-row>
          <ion-col col-xl-3><span>我的关注</span></ion-col>
          <ion-col col-xl-3><span>看房申请</span></ion-col>
          <ion-col col-xl-3><span>被同意的申请</span></ion-col>
          <ion-col col-xl-3><span>我的交易</span></ion-col>
        </ion-row>
      </ion-grid>
    </ion-card-content>
  </ion-card>
</ion-content>
